import 'package:card_swiper/card_swiper.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:getwidget/getwidget.dart';
import 'package:health/icons/flutter_icons.dart';
import 'package:health/ui/draw_under_line.dart';
import 'package:health/utils/colors.dart';
import 'package:health/utils/styles.dart';
import 'package:health/utils/tools.dart';

class ServiceController extends GetxController {
  RxList<String> imgs = RxList();

  @override
  void onInit() {
    super.onInit();
    imgs.addAll([
      'https://img2.baidu.com/it/u=3853345508,384760633&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1200',
      'https://img1.baidu.com/it/u=3065838285,2676115581&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333',
      'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
    ]);
  }
}

class ServicePage extends GetView<ServiceController> {
  ServicePage({Key? key}) : super(key: key) {
    Get.put(ServiceController());
  }

  @override
  Widget build(BuildContext context) {
    return GetBuilder<ServiceController>(
      builder: (_) {
        return Scaffold(
          backgroundColor: ColorsUtils.rgba(215, 215, 215, 1),
          appBar: AppBar(
            automaticallyImplyLeading: false,
            leadingWidth: 60,
            backgroundColor: Colors.white,
            leading: Center(
                child: InkWell(
              onTap: () {},
              child: Text.rich(TextSpan(
                  text: '北海 ',
                  style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                  children: [
                    WidgetSpan(
                        child: ToolsUtils.getUrlSvg(
                            'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/挂号/u2796.svg'),
                        alignment: PlaceholderAlignment.middle)
                  ])),
            )),
            title: Container(
              height: 40,
              width: 260,
              padding: const EdgeInsets.symmetric(horizontal: 30),
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(20),
                  border: Border.all(color: ColorsUtils.rgba(215, 215, 215, 1))),
              alignment: Alignment.centerLeft,
              child: Wrap(
                spacing: 10,
                children: [
                  Icon(AntdIcons.search,
                      size: 14, color: ColorsUtils.parseColorFromHexString(ColorsUtils.color9999)),
                  Text(
                    '搜索医院、医生',
                    style: StylesUtils.customTextStyle(color: ColorsUtils.color9999, fontSize: 13),
                  )
                ],
              ),
            ),
            elevation: 0,
          ),
          body: SingleChildScrollView(
            child: Column(
              children: [
                Container(
                  decoration: const BoxDecoration(color: Colors.white),
                  padding: const EdgeInsets.only(top: 20, bottom: 10),
                  child: ListBody(
                    children: [
                      Obx(
                        () => Container(
                          height: 145,
                          padding: const EdgeInsets.only(right: 15, left: 15),
                          alignment: Alignment.center,
                          child: Swiper.children(
                            autoplay: true,
                            containerHeight: 145,
                            itemHeight: 145,
                            containerWidth: Get.width - 30,
                            itemWidth: Get.width - 30,
                            pagination: const SwiperPagination(alignment: Alignment.bottomCenter),
                            children: controller.imgs
                                .map((element) => GFImageOverlay(
                                      borderRadius: BorderRadius.circular(5),
                                      image: NetworkImage(element),
                                      alignment: Alignment.topLeft,
                                    ))
                                .toList(),
                          ),
                        ),
                      ),
                      Container(
                        margin: const EdgeInsets.only(top: 15),
                        height: 45,
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Expanded(
                                    child: Align(
                                  alignment: Alignment.topCenter,
                                  child: ToolsUtils.getUrlSvg(
                                      'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/服务主页/u10937.svg',
                                      width: 27,
                                      height: 25),
                                )),
                                Align(
                                  alignment: Alignment.bottomCenter,
                                  child: Text(
                                    '挂号',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                  ),
                                )
                              ],
                            )),
                            Expanded(
                                child: Column(
                              children: [
                                Expanded(
                                  child: Align(
                                    alignment: Alignment.topCenter,
                                    child: ToolsUtils.getUrlSvg(
                                        'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/服务主页/u10928.svg',
                                        width: 26,
                                        height: 25),
                                  ),
                                ),
                                Align(
                                  alignment: Alignment.bottomCenter,
                                  child: Text(
                                    '体验',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                  ),
                                )
                              ],
                            )),
                            Expanded(
                                child: Column(
                              children: [
                                Expanded(
                                  child: Align(
                                    alignment: Alignment.topCenter,
                                    child: ToolsUtils.getUrlSvg(
                                        'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/服务主页/u10933.svg',
                                        width: 28,
                                        height: 25),
                                  ),
                                ),
                                Align(
                                  alignment: Alignment.bottomCenter,
                                  child: Text(
                                    '问诊',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                  ),
                                )
                              ],
                            )),
                          ],
                        ),
                      )
                    ],
                  ),
                ),
                Container(
                  margin: const EdgeInsets.only(top: 15),
                  padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                  decoration: const BoxDecoration(color: Colors.white),
                  child: ListBody(
                    children: [
                      SizedBox(
                        height: 45,
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              '本地医院',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 18,
                                  fontWeight: FontWeight.w700,
                                  color: ColorsUtils.color3333),
                            ),
                            InkWell(
                                onTap: () {},
                                child: Icon(
                                  AntdIcons.right,
                                  size: 16,
                                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorCccc),
                                ))
                          ],
                        ),
                      ),
                      Container(
                        margin: const EdgeInsets.only(bottom: 15),
                        child: Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            const GFAvatar(
                              radius: 20,
                              backgroundImage: NetworkImage(
                                  'https://img1.baidu.com/it/u=4000577006,3068272835&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'),
                              size: 40,
                            ),
                            Expanded(
                                child: Container(
                              padding: const EdgeInsets.only(left: 15),
                              child: Column(
                                children: [
                                  Row(
                                    children: [
                                      Container(
                                        constraints:
                                            const BoxConstraints.expand(width: 40, height: 22),
                                        alignment: Alignment.center,
                                        margin: const EdgeInsets.only(right: 8),
                                        decoration: BoxDecoration(
                                            color: ColorsUtils.rgba(19, 194, 194, 1),
                                            borderRadius: BorderRadius.circular(4)),
                                        child: Text(
                                          '三甲',
                                          style: StylesUtils.customTextStyle(fontSize: 10),
                                        ),
                                      ),
                                      Text(
                                        '北海协和医院',
                                        style: StylesUtils.textStyle(
                                            color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                      )
                                    ],
                                  ),
                                  Container(
                                    margin: const EdgeInsets.symmetric(vertical: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '特色科室：内科',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45), fontSize: 13),
                                    ),
                                  ),
                                  Container(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '0.5km | 北海市海城区和平路解放街一号',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45)),
                                    ),
                                  )
                                ],
                              ),
                            ))
                          ],
                        ),
                      ),
                      Container(
                        margin: const EdgeInsets.only(bottom: 15),
                        child: Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            const GFAvatar(
                              radius: 20,
                              backgroundImage: NetworkImage(
                                  'https://img1.baidu.com/it/u=4000577006,3068272835&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'),
                              size: 40,
                            ),
                            Expanded(
                                child: Container(
                              padding: const EdgeInsets.only(left: 15),
                              child: Column(
                                children: [
                                  Row(
                                    children: [
                                      Container(
                                        constraints:
                                            const BoxConstraints.expand(width: 40, height: 22),
                                        alignment: Alignment.center,
                                        margin: const EdgeInsets.only(right: 8),
                                        decoration: BoxDecoration(
                                            color: ColorsUtils.rgba(19, 194, 194, 1),
                                            borderRadius: BorderRadius.circular(4)),
                                        child: Text(
                                          '三甲',
                                          style: StylesUtils.customTextStyle(fontSize: 10),
                                        ),
                                      ),
                                      Text(
                                        '北海第二人民医院',
                                        style: StylesUtils.textStyle(
                                            color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                      )
                                    ],
                                  ),
                                  Container(
                                    margin: const EdgeInsets.symmetric(vertical: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '特色科室：内科、中医肾病科、中医血液病科、神经外科、脑科、皮肤科、眼科',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45), fontSize: 13),
                                    ),
                                  ),
                                  Container(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '0.5km | 北海市海城区和平路解放街一号',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45)),
                                    ),
                                  )
                                ],
                              ),
                            ))
                          ],
                        ),
                      ),
                      Container(
                        margin: const EdgeInsets.only(bottom: 15),
                        child: Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            const GFAvatar(
                              radius: 20,
                              backgroundImage: NetworkImage(
                                  'https://img1.baidu.com/it/u=4000577006,3068272835&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'),
                              size: 40,
                            ),
                            Expanded(
                                child: Container(
                              padding: const EdgeInsets.only(left: 15),
                              child: Column(
                                children: [
                                  Row(
                                    children: [
                                      Container(
                                        constraints:
                                            const BoxConstraints.expand(width: 40, height: 22),
                                        alignment: Alignment.center,
                                        margin: const EdgeInsets.only(right: 8),
                                        decoration: BoxDecoration(
                                            color: ColorsUtils.rgba(19, 194, 194, 1),
                                            borderRadius: BorderRadius.circular(4)),
                                        child: Text(
                                          '三甲',
                                          style: StylesUtils.customTextStyle(fontSize: 10),
                                        ),
                                      ),
                                      Text(
                                        '北海第三人民医院',
                                        style: StylesUtils.textStyle(
                                            color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                      )
                                    ],
                                  ),
                                  Container(
                                    margin: const EdgeInsets.symmetric(vertical: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '特色科室：内科、中医肾病科、中医血液病科、神经外科、脑科、皮肤科、眼科',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45), fontSize: 13),
                                    ),
                                  ),
                                  Container(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '0.5km | 北海市海城区和平路解放街一号',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45)),
                                    ),
                                  )
                                ],
                              ),
                            ))
                          ],
                        ),
                      ),
                      Container(
                        margin: const EdgeInsets.only(bottom: 15),
                        child: Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            const GFAvatar(
                              radius: 20,
                              backgroundImage: NetworkImage(
                                  'https://img1.baidu.com/it/u=4000577006,3068272835&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'),
                              size: 40,
                            ),
                            Expanded(
                                child: Container(
                              padding: const EdgeInsets.only(left: 15),
                              child: Column(
                                children: [
                                  Row(
                                    children: [
                                      Container(
                                        constraints:
                                            const BoxConstraints.expand(width: 40, height: 22),
                                        alignment: Alignment.center,
                                        margin: const EdgeInsets.only(right: 8),
                                        decoration: BoxDecoration(
                                            color: ColorsUtils.rgba(19, 194, 194, 1),
                                            borderRadius: BorderRadius.circular(4)),
                                        child: Text(
                                          '三甲',
                                          style: StylesUtils.customTextStyle(fontSize: 10),
                                        ),
                                      ),
                                      Text(
                                        '北海第四人民医院',
                                        style: StylesUtils.textStyle(
                                            color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                      )
                                    ],
                                  ),
                                  Container(
                                    margin: const EdgeInsets.symmetric(vertical: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '特色科室：内科、中医肾病科、中医血液病科、神经外科、脑科、皮肤科、眼科',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45), fontSize: 13),
                                    ),
                                  ),
                                  Container(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '0.5km | 北海市海城区和平路解放街一号',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.45)),
                                    ),
                                  )
                                ],
                              ),
                            ))
                          ],
                        ),
                      ),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          const GFAvatar(
                            radius: 20,
                            backgroundImage: NetworkImage(
                                'https://img1.baidu.com/it/u=4000577006,3068272835&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'),
                            size: 40,
                          ),
                          Expanded(
                              child: Container(
                            padding: const EdgeInsets.only(left: 15),
                            child: Column(
                              children: [
                                Row(
                                  children: [
                                    Container(
                                      constraints:
                                          const BoxConstraints.expand(width: 40, height: 22),
                                      alignment: Alignment.center,
                                      margin: const EdgeInsets.only(right: 8),
                                      decoration: BoxDecoration(
                                          color: ColorsUtils.rgba(19, 194, 194, 1),
                                          borderRadius: BorderRadius.circular(4)),
                                      child: Text(
                                        '三甲',
                                        style: StylesUtils.customTextStyle(fontSize: 10),
                                      ),
                                    ),
                                    Text(
                                      '北海第五人民医院',
                                      style: StylesUtils.textStyle(
                                          color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                    )
                                  ],
                                ),
                                Container(
                                  margin: const EdgeInsets.symmetric(vertical: 15),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '特色科室：内科、中医肾病科、中医血液病科、神经外科、脑科、皮肤科、眼科',
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                    style: StylesUtils.textStyle(
                                        color: ColorsUtils.rgba(0, 0, 0, 0.45), fontSize: 13),
                                  ),
                                ),
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '0.5km | 北海市海城区和平路解放街一号',
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                    style: StylesUtils.textStyle(
                                        color: ColorsUtils.rgba(0, 0, 0, 0.45)),
                                  ),
                                )
                              ],
                            ),
                          ))
                        ],
                      ),
                    ],
                  ),
                ),
                Container(
                  margin: const EdgeInsets.only(top: 15),
                  padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                  decoration: const BoxDecoration(color: Colors.white),
                  child: ListBody(
                    children: [
                      SizedBox(
                        height: 45,
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              '推荐套餐',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 18,
                                  fontWeight: FontWeight.w700,
                                  color: ColorsUtils.color3333),
                            ),
                            InkWell(
                                onTap: () {},
                                child: Icon(
                                  AntdIcons.right,
                                  size: 16,
                                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorCccc),
                                ))
                          ],
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              const GFImageOverlay(
                                width: 76,
                                height: 90,
                                image: NetworkImage(
                                    'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/体检/u3046.png'),
                              ),
                              Expanded(
                                  child: Container(
                                padding: const EdgeInsets.only(left: 10),
                                child: Stack(
                                  children: [
                                    Column(
                                      children: [
                                        Row(
                                          children: [
                                            Container(
                                              constraints: const BoxConstraints.expand(
                                                  width: 40, height: 22),
                                              alignment: Alignment.center,
                                              margin: const EdgeInsets.only(right: 8),
                                              decoration: BoxDecoration(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                  borderRadius: BorderRadius.circular(4)),
                                              child: Text(
                                                '三甲',
                                                style: StylesUtils.customTextStyle(fontSize: 10),
                                              ),
                                            ),
                                            Text(
                                              '普通入职体检套餐（男女通用）',
                                              maxLines: 1,
                                              overflow: TextOverflow.ellipsis,
                                              style: StylesUtils.textStyle(
                                                  color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                            )
                                          ],
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(top: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Text(
                                            '青年体检 | 入职体检',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.textStyle(
                                                color: ColorsUtils.rgba(0, 0, 0, 0.45),
                                                fontSize: 13),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Container(
                                            constraints:
                                                const BoxConstraints.expand(width: 60, height: 22),
                                            decoration: BoxDecoration(
                                                border: Border.all(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                ),
                                                borderRadius: BorderRadius.circular(4)),
                                            alignment: Alignment.center,
                                            child: Text(
                                              '在线报告',
                                              style: StylesUtils.customTextStyle(
                                                  fontSize: 10, color: ColorsUtils.color096d),
                                            ),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(bottom: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(
                                            spacing: 15,
                                            children: [
                                              Text.rich(TextSpan(children: [
                                                TextSpan(
                                                    text: '￥',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522,
                                                        fontSize: 12)),
                                                TextSpan(
                                                    text: '289',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522, fontSize: 18))
                                              ])),
                                              Text(
                                                '已售：157',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.colorAaaa, fontSize: 13),
                                              )
                                            ],
                                          ),
                                        ),
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          padding: const EdgeInsets.only(bottom: 10),
                                          child: Text(
                                            '最近·北海市第二医院体检中心 16.09km',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.colorAaaa, fontSize: 12),
                                          ),
                                        )
                                      ],
                                    ),
                                    Positioned(
                                        top: 0,
                                        bottom: 0,
                                        right: 0,
                                        child: Center(
                                            child: Icon(
                                          AntdIcons.right,
                                          size: 14,
                                          color: ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorCccc),
                                        )))
                                  ],
                                ),
                              ))
                            ],
                          ),
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              const GFImageOverlay(
                                width: 76,
                                height: 90,
                                image: NetworkImage(
                                    'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/体检/u3046.png'),
                              ),
                              Expanded(
                                  child: Container(
                                padding: const EdgeInsets.only(left: 10),
                                child: Stack(
                                  children: [
                                    Column(
                                      children: [
                                        Row(
                                          children: [
                                            Container(
                                              constraints: const BoxConstraints.expand(
                                                  width: 40, height: 22),
                                              alignment: Alignment.center,
                                              margin: const EdgeInsets.only(right: 8),
                                              decoration: BoxDecoration(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                  borderRadius: BorderRadius.circular(4)),
                                              child: Text(
                                                '三甲',
                                                style: StylesUtils.customTextStyle(fontSize: 10),
                                              ),
                                            ),
                                            Text(
                                              '普通入职体检套餐（男女通用）',
                                              maxLines: 1,
                                              overflow: TextOverflow.ellipsis,
                                              style: StylesUtils.textStyle(
                                                  color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                            )
                                          ],
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(top: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Text(
                                            '青年体检 | 入职体检',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.textStyle(
                                                color: ColorsUtils.rgba(0, 0, 0, 0.45),
                                                fontSize: 13),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Container(
                                            constraints:
                                                const BoxConstraints.expand(width: 60, height: 22),
                                            decoration: BoxDecoration(
                                                border: Border.all(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                ),
                                                borderRadius: BorderRadius.circular(4)),
                                            alignment: Alignment.center,
                                            child: Text(
                                              '在线报告',
                                              style: StylesUtils.customTextStyle(
                                                  fontSize: 10, color: ColorsUtils.color096d),
                                            ),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(bottom: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(
                                            spacing: 15,
                                            children: [
                                              Text.rich(TextSpan(children: [
                                                TextSpan(
                                                    text: '￥',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522,
                                                        fontSize: 12)),
                                                TextSpan(
                                                    text: '289',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522, fontSize: 18))
                                              ])),
                                              Text(
                                                '已售：157',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.colorAaaa, fontSize: 13),
                                              )
                                            ],
                                          ),
                                        ),
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          padding: const EdgeInsets.only(bottom: 10),
                                          child: Text(
                                            '最近·北海市第二医院体检中心 16.09km',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.colorAaaa, fontSize: 12),
                                          ),
                                        )
                                      ],
                                    ),
                                    Positioned(
                                        top: 0,
                                        bottom: 0,
                                        right: 0,
                                        child: Center(
                                            child: Icon(
                                          AntdIcons.right,
                                          size: 14,
                                          color: ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorCccc),
                                        )))
                                  ],
                                ),
                              ))
                            ],
                          ),
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              const GFImageOverlay(
                                width: 76,
                                height: 90,
                                image: NetworkImage(
                                    'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/体检/u3046.png'),
                              ),
                              Expanded(
                                  child: Container(
                                padding: const EdgeInsets.only(left: 10),
                                child: Stack(
                                  children: [
                                    Column(
                                      children: [
                                        Row(
                                          children: [
                                            Container(
                                              constraints: const BoxConstraints.expand(
                                                  width: 40, height: 22),
                                              alignment: Alignment.center,
                                              margin: const EdgeInsets.only(right: 8),
                                              decoration: BoxDecoration(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                  borderRadius: BorderRadius.circular(4)),
                                              child: Text(
                                                '三甲',
                                                style: StylesUtils.customTextStyle(fontSize: 10),
                                              ),
                                            ),
                                            Text(
                                              '普通入职体检套餐（男女通用）',
                                              maxLines: 1,
                                              overflow: TextOverflow.ellipsis,
                                              style: StylesUtils.textStyle(
                                                  color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                            )
                                          ],
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(top: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Text(
                                            '青年体检 | 入职体检',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.textStyle(
                                                color: ColorsUtils.rgba(0, 0, 0, 0.45),
                                                fontSize: 13),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Container(
                                            constraints:
                                                const BoxConstraints.expand(width: 60, height: 22),
                                            decoration: BoxDecoration(
                                                border: Border.all(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                ),
                                                borderRadius: BorderRadius.circular(4)),
                                            alignment: Alignment.center,
                                            child: Text(
                                              '在线报告',
                                              style: StylesUtils.customTextStyle(
                                                  fontSize: 10, color: ColorsUtils.color096d),
                                            ),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(bottom: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(
                                            spacing: 15,
                                            children: [
                                              Text.rich(TextSpan(children: [
                                                TextSpan(
                                                    text: '￥',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522,
                                                        fontSize: 12)),
                                                TextSpan(
                                                    text: '289',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522, fontSize: 18))
                                              ])),
                                              Text(
                                                '已售：157',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.colorAaaa, fontSize: 13),
                                              )
                                            ],
                                          ),
                                        ),
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          padding: const EdgeInsets.only(bottom: 10),
                                          child: Text(
                                            '最近·北海市第二医院体检中心 16.09km',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.colorAaaa, fontSize: 12),
                                          ),
                                        )
                                      ],
                                    ),
                                    Positioned(
                                        top: 0,
                                        bottom: 0,
                                        right: 0,
                                        child: Center(
                                            child: Icon(
                                          AntdIcons.right,
                                          size: 14,
                                          color: ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorCccc),
                                        )))
                                  ],
                                ),
                              ))
                            ],
                          ),
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              const GFImageOverlay(
                                width: 76,
                                height: 90,
                                image: NetworkImage(
                                    'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/体检/u3046.png'),
                              ),
                              Expanded(
                                  child: Container(
                                padding: const EdgeInsets.only(left: 10),
                                child: Stack(
                                  children: [
                                    Column(
                                      children: [
                                        Row(
                                          children: [
                                            Container(
                                              constraints: const BoxConstraints.expand(
                                                  width: 40, height: 22),
                                              alignment: Alignment.center,
                                              margin: const EdgeInsets.only(right: 8),
                                              decoration: BoxDecoration(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                  borderRadius: BorderRadius.circular(4)),
                                              child: Text(
                                                '三甲',
                                                style: StylesUtils.customTextStyle(fontSize: 10),
                                              ),
                                            ),
                                            Text(
                                              '普通入职体检套餐（男女通用）',
                                              maxLines: 1,
                                              overflow: TextOverflow.ellipsis,
                                              style: StylesUtils.textStyle(
                                                  color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                            )
                                          ],
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(top: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Text(
                                            '青年体检 | 入职体检',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.textStyle(
                                                color: ColorsUtils.rgba(0, 0, 0, 0.45),
                                                fontSize: 13),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Container(
                                            constraints:
                                                const BoxConstraints.expand(width: 60, height: 22),
                                            decoration: BoxDecoration(
                                                border: Border.all(
                                                  color: ColorsUtils.rgba(9, 109, 217, 1),
                                                ),
                                                borderRadius: BorderRadius.circular(4)),
                                            alignment: Alignment.center,
                                            child: Text(
                                              '在线报告',
                                              style: StylesUtils.customTextStyle(
                                                  fontSize: 10, color: ColorsUtils.color096d),
                                            ),
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.only(bottom: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(
                                            spacing: 15,
                                            children: [
                                              Text.rich(TextSpan(children: [
                                                TextSpan(
                                                    text: '￥',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522,
                                                        fontSize: 12)),
                                                TextSpan(
                                                    text: '289',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.colorF522, fontSize: 18))
                                              ])),
                                              Text(
                                                '已售：157',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.colorAaaa, fontSize: 13),
                                              )
                                            ],
                                          ),
                                        ),
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          padding: const EdgeInsets.only(bottom: 10),
                                          child: Text(
                                            '最近·北海市第二医院体检中心 16.09km',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.colorAaaa, fontSize: 12),
                                          ),
                                        )
                                      ],
                                    ),
                                    Positioned(
                                        top: 0,
                                        bottom: 0,
                                        right: 0,
                                        child: Center(
                                            child: Icon(
                                          AntdIcons.right,
                                          size: 14,
                                          color: ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorCccc),
                                        )))
                                  ],
                                ),
                              ))
                            ],
                          ),
                        ),
                      ),
                      DrawUnderLine(
                        dx: 5,
                        color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                        child: Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            const GFImageOverlay(
                              width: 76,
                              height: 90,
                              image: NetworkImage(
                                  'https://img.axureshop.com/d1/0d/00/d10d002b3fd44ba5aacc6b974316320e/images/体检/u3046.png'),
                            ),
                            Expanded(
                                child: Container(
                              padding: const EdgeInsets.only(left: 10),
                              child: Stack(
                                children: [
                                  Column(
                                    children: [
                                      Row(
                                        children: [
                                          Container(
                                            constraints:
                                                const BoxConstraints.expand(width: 40, height: 22),
                                            alignment: Alignment.center,
                                            margin: const EdgeInsets.only(right: 8),
                                            decoration: BoxDecoration(
                                                color: ColorsUtils.rgba(9, 109, 217, 1),
                                                borderRadius: BorderRadius.circular(4)),
                                            child: Text(
                                              '三甲',
                                              style: StylesUtils.customTextStyle(fontSize: 10),
                                            ),
                                          ),
                                          Text(
                                            '普通入职体检套餐（男女通用）',
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                            style: StylesUtils.textStyle(
                                                color: ColorsUtils.rgba(0, 0, 0, 0.85)),
                                          )
                                        ],
                                      ),
                                      Container(
                                        margin: const EdgeInsets.only(top: 10),
                                        alignment: Alignment.centerLeft,
                                        child: Text(
                                          '青年体检 | 入职体检',
                                          maxLines: 1,
                                          overflow: TextOverflow.ellipsis,
                                          style: StylesUtils.textStyle(
                                              color: ColorsUtils.rgba(0, 0, 0, 0.45), fontSize: 13),
                                        ),
                                      ),
                                      Container(
                                        margin: const EdgeInsets.symmetric(vertical: 10),
                                        alignment: Alignment.centerLeft,
                                        child: Container(
                                          constraints:
                                              const BoxConstraints.expand(width: 60, height: 22),
                                          decoration: BoxDecoration(
                                              border: Border.all(
                                                color: ColorsUtils.rgba(9, 109, 217, 1),
                                              ),
                                              borderRadius: BorderRadius.circular(4)),
                                          alignment: Alignment.center,
                                          child: Text(
                                            '在线报告',
                                            style: StylesUtils.customTextStyle(
                                                fontSize: 10, color: ColorsUtils.color096d),
                                          ),
                                        ),
                                      ),
                                      Container(
                                        margin: const EdgeInsets.only(bottom: 10),
                                        alignment: Alignment.centerLeft,
                                        child: Wrap(
                                          spacing: 15,
                                          children: [
                                            Text.rich(TextSpan(children: [
                                              TextSpan(
                                                  text: '￥',
                                                  style: StylesUtils.customTextStyle(
                                                      color: ColorsUtils.colorF522, fontSize: 12)),
                                              TextSpan(
                                                  text: '289',
                                                  style: StylesUtils.customTextStyle(
                                                      color: ColorsUtils.colorF522, fontSize: 18))
                                            ])),
                                            Text(
                                              '已售：157',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.colorAaaa, fontSize: 13),
                                            )
                                          ],
                                        ),
                                      ),
                                      Container(
                                        alignment: Alignment.centerLeft,
                                        padding: const EdgeInsets.only(bottom: 10),
                                        child: Text(
                                          '最近·北海市第二医院体检中心 16.09km',
                                          maxLines: 1,
                                          overflow: TextOverflow.ellipsis,
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.colorAaaa, fontSize: 12),
                                        ),
                                      )
                                    ],
                                  ),
                                  Positioned(
                                      top: 0,
                                      bottom: 0,
                                      right: 0,
                                      child: Center(
                                          child: Icon(
                                        AntdIcons.right,
                                        size: 14,
                                        color: ColorsUtils.parseColorFromHexString(
                                            ColorsUtils.colorCccc),
                                      )))
                                ],
                              ),
                            ))
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  margin: const EdgeInsets.symmetric(vertical: 15),
                  padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                  decoration: const BoxDecoration(color: Colors.white),
                  child: ListBody(
                    children: [
                      SizedBox(
                        height: 45,
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text(
                              '本地名医',
                              style: StylesUtils.customTextStyle(
                                  fontSize: 18,
                                  fontWeight: FontWeight.w700,
                                  color: ColorsUtils.color3333),
                            ),
                            InkWell(
                                onTap: () {},
                                child: Icon(
                                  AntdIcons.right,
                                  size: 16,
                                  color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorCccc),
                                ))
                          ],
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              GFAvatar(
                                size: 48,
                                radius: 24,
                                backgroundColor:
                                    ColorsUtils.parseColorFromHexString(ColorsUtils.colorE6f0),
                                backgroundImage: const NetworkImage(
                                    'https://img2.baidu.com/it/u=3681172266,4264167375&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500'),
                              ),
                              Expanded(
                                  child: Container(
                                padding: const EdgeInsets.only(left: 10),
                                child: Column(
                                  children: [
                                    Container(
                                      alignment: Alignment.centerLeft,
                                      child: Wrap(
                                        spacing: 15,
                                        children: [
                                          Text(
                                            '张小海',
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.color0000),
                                          ),
                                          Text(
                                            '副主任医师',
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.color5555),
                                          ),
                                          Text(
                                            '皮肤科',
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.color5555),
                                          ),
                                        ],
                                      ),
                                    ),
                                    Container(
                                      margin: const EdgeInsets.symmetric(vertical: 10),
                                      child: Row(
                                        children: [
                                          Container(
                                            constraints:
                                                const BoxConstraints.expand(width: 40, height: 22),
                                            alignment: Alignment.center,
                                            margin: const EdgeInsets.only(right: 8),
                                            decoration: BoxDecoration(
                                                color: ColorsUtils.rgba(19, 194, 194, 1),
                                                borderRadius: BorderRadius.circular(4)),
                                            child: Text(
                                              '三甲',
                                              style: StylesUtils.customTextStyle(fontSize: 10),
                                            ),
                                          ),
                                          Text(
                                            '复旦大学附属华山医院',
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.color3333),
                                          )
                                        ],
                                      ),
                                    ),
                                    Row(
                                      children: [
                                        Text(
                                          '擅长',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color7F7f),
                                        ),
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          margin: const EdgeInsets.only(left: 20),
                                          child: Wrap(
                                            spacing: 8,
                                            children: [
                                              Container(
                                                  constraints: const BoxConstraints.expand(
                                                      width: 48, height: 20),
                                                  alignment: Alignment.center,
                                                  decoration: BoxDecoration(
                                                      borderRadius: BorderRadius.circular(10),
                                                      border: Border.all(
                                                          color: ColorsUtils.parseColorFromHexString(
                                                              ColorsUtils.color7F7f))),
                                                  child: Text(
                                                    '白癜风',
                                                    style: StylesUtils.customTextStyle(
                                                        fontSize: 10, color: ColorsUtils.color7F7f),
                                                  )),
                                              Container(
                                                  constraints: const BoxConstraints.expand(
                                                      width: 48, height: 20),
                                                  alignment: Alignment.center,
                                                  decoration: BoxDecoration(
                                                      borderRadius: BorderRadius.circular(10),
                                                      border: Border.all(
                                                          color: ColorsUtils.parseColorFromHexString(
                                                              ColorsUtils.color7F7f))),
                                                  child: Text(
                                                    '痤疮',
                                                    style: StylesUtils.customTextStyle(
                                                        fontSize: 10, color: ColorsUtils.color7F7f),
                                                  )),
                                              Container(
                                                  constraints: const BoxConstraints.expand(
                                                      width: 48, height: 20),
                                                  alignment: Alignment.center,
                                                  decoration: BoxDecoration(
                                                      borderRadius: BorderRadius.circular(10),
                                                      border: Border.all(
                                                          color: ColorsUtils.parseColorFromHexString(
                                                              ColorsUtils.color7F7f))),
                                                  child: Text(
                                                    '银屑病',
                                                    style: StylesUtils.customTextStyle(
                                                        fontSize: 10, color: ColorsUtils.color7F7f),
                                                  )),
                                              Container(
                                                  constraints: const BoxConstraints.expand(
                                                      width: 48, height: 20),
                                                  alignment: Alignment.center,
                                                  decoration: BoxDecoration(
                                                      borderRadius: BorderRadius.circular(10),
                                                      border: Border.all(
                                                          color: ColorsUtils.parseColorFromHexString(
                                                              ColorsUtils.color7F7f))),
                                                  child: Text(
                                                    '湿疹',
                                                    style: StylesUtils.customTextStyle(
                                                        fontSize: 10, color: ColorsUtils.color7F7f),
                                                  )),
                                            ],
                                          )
                                        )
                                      ],
                                    ),
                                    Container(
                                        margin: const EdgeInsets.symmetric(vertical: 10),
                                        alignment: Alignment.centerLeft,
                                        child: Wrap(spacing: 10, children: [
                                          Text(
                                            '3103条问题',
                                            style: StylesUtils.customTextStyle(
                                                fontSize: 12, color: ColorsUtils.color7F7f),
                                          ),
                                          Text.rich(TextSpan(
                                              text: '90%',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.colorF522, fontSize: 12),
                                              children: [
                                                TextSpan(
                                                  text: '好评率',
                                                  style: StylesUtils.customTextStyle(
                                                      fontSize: 12, color: ColorsUtils.color7F7f),
                                                ),
                                              ]))
                                        ])),
                                    Container(
                                        padding: const EdgeInsets.only(bottom: 10),
                                        alignment: Alignment.centerLeft,
                                        child: Row(
                                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                          children: [
                                            Wrap(
                                              spacing: 15,
                                              children: [
                                                Text.rich(TextSpan(
                                                    text: '图文',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.color7F7f, fontSize: 12),
                                                    children: [
                                                      TextSpan(
                                                          text: '￥60',
                                                          style: StylesUtils.customTextStyle(
                                                              color: ColorsUtils.color0000,
                                                              fontSize: 12))
                                                    ])),
                                                Text.rich(TextSpan(
                                                    text: '电话',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.color7F7f, fontSize: 12),
                                                    children: [
                                                      TextSpan(
                                                          text: '￥100',
                                                          style: StylesUtils.customTextStyle(
                                                              color: ColorsUtils.color0000,
                                                              fontSize: 12))
                                                    ])),
                                              ],
                                            ),
                                            Container(
                                                constraints: const BoxConstraints.expand(
                                                    width: 75, height: 25),
                                                decoration: BoxDecoration(
                                                    color: ColorsUtils.parseColorFromHexString(
                                                        ColorsUtils.colorF2f2),
                                                    borderRadius: BorderRadius.circular(13)),
                                                alignment: Alignment.center,
                                                child: Text(
                                                  '问医生',
                                                  style: StylesUtils.customTextStyle(
                                                      color: ColorsUtils.color096d, fontSize: 13),
                                                ))
                                          ],
                                        ))
                                  ],
                                ),
                              ))
                            ],
                          ),
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              GFAvatar(
                                size: 48,
                                radius: 24,
                                backgroundColor:
                                ColorsUtils.parseColorFromHexString(ColorsUtils.colorE6f0),
                                backgroundImage: const NetworkImage(
                                    'https://img2.baidu.com/it/u=3681172266,4264167375&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500'),
                              ),
                              Expanded(
                                  child: Container(
                                    padding: const EdgeInsets.only(left: 10),
                                    child: Column(
                                      children: [
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(
                                            spacing: 15,
                                            children: [
                                              Text(
                                                '张小海',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color0000),
                                              ),
                                              Text(
                                                '副主任医师',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color5555),
                                              ),
                                              Text(
                                                '皮肤科',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color5555),
                                              ),
                                            ],
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          child: Row(
                                            children: [
                                              Container(
                                                constraints:
                                                const BoxConstraints.expand(width: 40, height: 22),
                                                alignment: Alignment.center,
                                                margin: const EdgeInsets.only(right: 8),
                                                decoration: BoxDecoration(
                                                    color: ColorsUtils.rgba(19, 194, 194, 1),
                                                    borderRadius: BorderRadius.circular(4)),
                                                child: Text(
                                                  '三甲',
                                                  style: StylesUtils.customTextStyle(fontSize: 10),
                                                ),
                                              ),
                                              Text(
                                                '复旦大学附属华山医院',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color3333),
                                              )
                                            ],
                                          ),
                                        ),
                                        Row(
                                          children: [
                                            Text(
                                              '擅长',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.color7F7f),
                                            ),
                                            Container(
                                                alignment: Alignment.centerLeft,
                                                margin: const EdgeInsets.only(left: 20),
                                                child: Wrap(
                                                  spacing: 8,
                                                  children: [
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '白癜风',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '痤疮',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '银屑病',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '湿疹',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                  ],
                                                )
                                            )
                                          ],
                                        ),
                                        Container(
                                            margin: const EdgeInsets.symmetric(vertical: 10),
                                            alignment: Alignment.centerLeft,
                                            child: Wrap(spacing: 10, children: [
                                              Text(
                                                '3103条问题',
                                                style: StylesUtils.customTextStyle(
                                                    fontSize: 12, color: ColorsUtils.color7F7f),
                                              ),
                                              Text.rich(TextSpan(
                                                  text: '90%',
                                                  style: StylesUtils.customTextStyle(
                                                      color: ColorsUtils.colorF522, fontSize: 12),
                                                  children: [
                                                    TextSpan(
                                                      text: '好评率',
                                                      style: StylesUtils.customTextStyle(
                                                          fontSize: 12, color: ColorsUtils.color7F7f),
                                                    ),
                                                  ]))
                                            ])),
                                        Container(
                                            padding: const EdgeInsets.only(bottom: 10),
                                            alignment: Alignment.centerLeft,
                                            child: Row(
                                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                              children: [
                                                Wrap(
                                                  spacing: 15,
                                                  children: [
                                                    Text.rich(TextSpan(
                                                        text: '图文',
                                                        style: StylesUtils.customTextStyle(
                                                            color: ColorsUtils.color7F7f, fontSize: 12),
                                                        children: [
                                                          TextSpan(
                                                              text: '￥60',
                                                              style: StylesUtils.customTextStyle(
                                                                  color: ColorsUtils.color0000,
                                                                  fontSize: 12))
                                                        ])),
                                                    Text.rich(TextSpan(
                                                        text: '电话',
                                                        style: StylesUtils.customTextStyle(
                                                            color: ColorsUtils.color7F7f, fontSize: 12),
                                                        children: [
                                                          TextSpan(
                                                              text: '￥100',
                                                              style: StylesUtils.customTextStyle(
                                                                  color: ColorsUtils.color0000,
                                                                  fontSize: 12))
                                                        ])),
                                                  ],
                                                ),
                                                Container(
                                                    constraints: const BoxConstraints.expand(
                                                        width: 75, height: 25),
                                                    decoration: BoxDecoration(
                                                        color: ColorsUtils.parseColorFromHexString(
                                                            ColorsUtils.colorF2f2),
                                                        borderRadius: BorderRadius.circular(13)),
                                                    alignment: Alignment.center,
                                                    child: Text(
                                                      '问医生',
                                                      style: StylesUtils.customTextStyle(
                                                          color: ColorsUtils.color096d, fontSize: 13),
                                                    ))
                                              ],
                                            ))
                                      ],
                                    ),
                                  ))
                            ],
                          ),
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              GFAvatar(
                                size: 48,
                                radius: 24,
                                backgroundColor:
                                ColorsUtils.parseColorFromHexString(ColorsUtils.colorE6f0),
                                backgroundImage: const NetworkImage(
                                    'https://img2.baidu.com/it/u=3681172266,4264167375&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500'),
                              ),
                              Expanded(
                                  child: Container(
                                    padding: const EdgeInsets.only(left: 10),
                                    child: Column(
                                      children: [
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(
                                            spacing: 15,
                                            children: [
                                              Text(
                                                '张小海',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color0000),
                                              ),
                                              Text(
                                                '副主任医师',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color5555),
                                              ),
                                              Text(
                                                '皮肤科',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color5555),
                                              ),
                                            ],
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          child: Row(
                                            children: [
                                              Container(
                                                constraints:
                                                const BoxConstraints.expand(width: 40, height: 22),
                                                alignment: Alignment.center,
                                                margin: const EdgeInsets.only(right: 8),
                                                decoration: BoxDecoration(
                                                    color: ColorsUtils.rgba(19, 194, 194, 1),
                                                    borderRadius: BorderRadius.circular(4)),
                                                child: Text(
                                                  '三甲',
                                                  style: StylesUtils.customTextStyle(fontSize: 10),
                                                ),
                                              ),
                                              Text(
                                                '复旦大学附属华山医院',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color3333),
                                              )
                                            ],
                                          ),
                                        ),
                                        Row(
                                          children: [
                                            Text(
                                              '擅长',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.color7F7f),
                                            ),
                                            Container(
                                                alignment: Alignment.centerLeft,
                                                margin: const EdgeInsets.only(left: 20),
                                                child: Wrap(
                                                  spacing: 8,
                                                  children: [
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '白癜风',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '痤疮',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '银屑病',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '湿疹',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                  ],
                                                )
                                            )
                                          ],
                                        ),
                                        Container(
                                            margin: const EdgeInsets.symmetric(vertical: 10),
                                            alignment: Alignment.centerLeft,
                                            child: Wrap(spacing: 10, children: [
                                              Text(
                                                '3103条问题',
                                                style: StylesUtils.customTextStyle(
                                                    fontSize: 12, color: ColorsUtils.color7F7f),
                                              ),
                                              Text.rich(TextSpan(
                                                  text: '90%',
                                                  style: StylesUtils.customTextStyle(
                                                      color: ColorsUtils.colorF522, fontSize: 12),
                                                  children: [
                                                    TextSpan(
                                                      text: '好评率',
                                                      style: StylesUtils.customTextStyle(
                                                          fontSize: 12, color: ColorsUtils.color7F7f),
                                                    ),
                                                  ]))
                                            ])),
                                        Container(
                                            padding: const EdgeInsets.only(bottom: 10),
                                            alignment: Alignment.centerLeft,
                                            child: Row(
                                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                              children: [
                                                Wrap(
                                                  spacing: 15,
                                                  children: [
                                                    Text.rich(TextSpan(
                                                        text: '图文',
                                                        style: StylesUtils.customTextStyle(
                                                            color: ColorsUtils.color7F7f, fontSize: 12),
                                                        children: [
                                                          TextSpan(
                                                              text: '￥60',
                                                              style: StylesUtils.customTextStyle(
                                                                  color: ColorsUtils.color0000,
                                                                  fontSize: 12))
                                                        ])),
                                                    Text.rich(TextSpan(
                                                        text: '电话',
                                                        style: StylesUtils.customTextStyle(
                                                            color: ColorsUtils.color7F7f, fontSize: 12),
                                                        children: [
                                                          TextSpan(
                                                              text: '￥100',
                                                              style: StylesUtils.customTextStyle(
                                                                  color: ColorsUtils.color0000,
                                                                  fontSize: 12))
                                                        ])),
                                                  ],
                                                ),
                                                Container(
                                                    constraints: const BoxConstraints.expand(
                                                        width: 75, height: 25),
                                                    decoration: BoxDecoration(
                                                        color: ColorsUtils.parseColorFromHexString(
                                                            ColorsUtils.colorF2f2),
                                                        borderRadius: BorderRadius.circular(13)),
                                                    alignment: Alignment.center,
                                                    child: Text(
                                                      '问医生',
                                                      style: StylesUtils.customTextStyle(
                                                          color: ColorsUtils.color096d, fontSize: 13),
                                                    ))
                                              ],
                                            ))
                                      ],
                                    ),
                                  ))
                            ],
                          ),
                        ),
                      ),
                      Container(
                        padding: const EdgeInsets.only(bottom: 15),
                        child: DrawUnderLine(
                          dx: 5,
                          color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              GFAvatar(
                                size: 48,
                                radius: 24,
                                backgroundColor:
                                ColorsUtils.parseColorFromHexString(ColorsUtils.colorE6f0),
                                backgroundImage: const NetworkImage(
                                    'https://img2.baidu.com/it/u=3681172266,4264167375&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500'),
                              ),
                              Expanded(
                                  child: Container(
                                    padding: const EdgeInsets.only(left: 10),
                                    child: Column(
                                      children: [
                                        Container(
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(
                                            spacing: 15,
                                            children: [
                                              Text(
                                                '张小海',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color0000),
                                              ),
                                              Text(
                                                '副主任医师',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color5555),
                                              ),
                                              Text(
                                                '皮肤科',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color5555),
                                              ),
                                            ],
                                          ),
                                        ),
                                        Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          child: Row(
                                            children: [
                                              Container(
                                                constraints:
                                                const BoxConstraints.expand(width: 40, height: 22),
                                                alignment: Alignment.center,
                                                margin: const EdgeInsets.only(right: 8),
                                                decoration: BoxDecoration(
                                                    color: ColorsUtils.rgba(19, 194, 194, 1),
                                                    borderRadius: BorderRadius.circular(4)),
                                                child: Text(
                                                  '三甲',
                                                  style: StylesUtils.customTextStyle(fontSize: 10),
                                                ),
                                              ),
                                              Text(
                                                '复旦大学附属华山医院',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.color3333),
                                              )
                                            ],
                                          ),
                                        ),
                                        Row(
                                          children: [
                                            Text(
                                              '擅长',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.color7F7f),
                                            ),
                                            Container(
                                                alignment: Alignment.centerLeft,
                                                margin: const EdgeInsets.only(left: 20),
                                                child: Wrap(
                                                  spacing: 8,
                                                  children: [
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '白癜风',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '痤疮',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '银屑病',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                    Container(
                                                        constraints: const BoxConstraints.expand(
                                                            width: 48, height: 20),
                                                        alignment: Alignment.center,
                                                        decoration: BoxDecoration(
                                                            borderRadius: BorderRadius.circular(10),
                                                            border: Border.all(
                                                                color: ColorsUtils.parseColorFromHexString(
                                                                    ColorsUtils.color7F7f))),
                                                        child: Text(
                                                          '湿疹',
                                                          style: StylesUtils.customTextStyle(
                                                              fontSize: 10, color: ColorsUtils.color7F7f),
                                                        )),
                                                  ],
                                                )
                                            )
                                          ],
                                        ),
                                        Container(
                                            margin: const EdgeInsets.symmetric(vertical: 10),
                                            alignment: Alignment.centerLeft,
                                            child: Wrap(spacing: 10, children: [
                                              Text(
                                                '3103条问题',
                                                style: StylesUtils.customTextStyle(
                                                    fontSize: 12, color: ColorsUtils.color7F7f),
                                              ),
                                              Text.rich(TextSpan(
                                                  text: '90%',
                                                  style: StylesUtils.customTextStyle(
                                                      color: ColorsUtils.colorF522, fontSize: 12),
                                                  children: [
                                                    TextSpan(
                                                      text: '好评率',
                                                      style: StylesUtils.customTextStyle(
                                                          fontSize: 12, color: ColorsUtils.color7F7f),
                                                    ),
                                                  ]))
                                            ])),
                                        Container(
                                            padding: const EdgeInsets.only(bottom: 10),
                                            alignment: Alignment.centerLeft,
                                            child: Row(
                                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                              children: [
                                                Wrap(
                                                  spacing: 15,
                                                  children: [
                                                    Text.rich(TextSpan(
                                                        text: '图文',
                                                        style: StylesUtils.customTextStyle(
                                                            color: ColorsUtils.color7F7f, fontSize: 12),
                                                        children: [
                                                          TextSpan(
                                                              text: '￥60',
                                                              style: StylesUtils.customTextStyle(
                                                                  color: ColorsUtils.color0000,
                                                                  fontSize: 12))
                                                        ])),
                                                    Text.rich(TextSpan(
                                                        text: '电话',
                                                        style: StylesUtils.customTextStyle(
                                                            color: ColorsUtils.color7F7f, fontSize: 12),
                                                        children: [
                                                          TextSpan(
                                                              text: '￥100',
                                                              style: StylesUtils.customTextStyle(
                                                                  color: ColorsUtils.color0000,
                                                                  fontSize: 12))
                                                        ])),
                                                  ],
                                                ),
                                                Container(
                                                    constraints: const BoxConstraints.expand(
                                                        width: 75, height: 25),
                                                    decoration: BoxDecoration(
                                                        color: ColorsUtils.parseColorFromHexString(
                                                            ColorsUtils.colorF2f2),
                                                        borderRadius: BorderRadius.circular(13)),
                                                    alignment: Alignment.center,
                                                    child: Text(
                                                      '问医生',
                                                      style: StylesUtils.customTextStyle(
                                                          color: ColorsUtils.color096d, fontSize: 13),
                                                    ))
                                              ],
                                            ))
                                      ],
                                    ),
                                  ))
                            ],
                          ),
                        ),
                      ),
                      DrawUnderLine(
                        dx: 5,
                        color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                        child: Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            GFAvatar(
                              size: 48,
                              radius: 24,
                              backgroundColor:
                              ColorsUtils.parseColorFromHexString(ColorsUtils.colorE6f0),
                              backgroundImage: const NetworkImage(
                                  'https://img2.baidu.com/it/u=3681172266,4264167375&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500'),
                            ),
                            Expanded(
                                child: Container(
                                  padding: const EdgeInsets.only(left: 10),
                                  child: Column(
                                    children: [
                                      Container(
                                        alignment: Alignment.centerLeft,
                                        child: Wrap(
                                          spacing: 15,
                                          children: [
                                            Text(
                                              '张小海',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.color0000),
                                            ),
                                            Text(
                                              '副主任医师',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.color5555),
                                            ),
                                            Text(
                                              '皮肤科',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.color5555),
                                            ),
                                          ],
                                        ),
                                      ),
                                      Container(
                                        margin: const EdgeInsets.symmetric(vertical: 10),
                                        child: Row(
                                          children: [
                                            Container(
                                              constraints:
                                              const BoxConstraints.expand(width: 40, height: 22),
                                              alignment: Alignment.center,
                                              margin: const EdgeInsets.only(right: 8),
                                              decoration: BoxDecoration(
                                                  color: ColorsUtils.rgba(19, 194, 194, 1),
                                                  borderRadius: BorderRadius.circular(4)),
                                              child: Text(
                                                '三甲',
                                                style: StylesUtils.customTextStyle(fontSize: 10),
                                              ),
                                            ),
                                            Text(
                                              '复旦大学附属华山医院',
                                              style: StylesUtils.customTextStyle(
                                                  color: ColorsUtils.color3333),
                                            )
                                          ],
                                        ),
                                      ),
                                      Row(
                                        children: [
                                          Text(
                                            '擅长',
                                            style: StylesUtils.customTextStyle(
                                                color: ColorsUtils.color7F7f),
                                          ),
                                          Container(
                                              alignment: Alignment.centerLeft,
                                              margin: const EdgeInsets.only(left: 20),
                                              child: Wrap(
                                                spacing: 8,
                                                children: [
                                                  Container(
                                                      constraints: const BoxConstraints.expand(
                                                          width: 48, height: 20),
                                                      alignment: Alignment.center,
                                                      decoration: BoxDecoration(
                                                          borderRadius: BorderRadius.circular(10),
                                                          border: Border.all(
                                                              color: ColorsUtils.parseColorFromHexString(
                                                                  ColorsUtils.color7F7f))),
                                                      child: Text(
                                                        '白癜风',
                                                        style: StylesUtils.customTextStyle(
                                                            fontSize: 10, color: ColorsUtils.color7F7f),
                                                      )),
                                                  Container(
                                                      constraints: const BoxConstraints.expand(
                                                          width: 48, height: 20),
                                                      alignment: Alignment.center,
                                                      decoration: BoxDecoration(
                                                          borderRadius: BorderRadius.circular(10),
                                                          border: Border.all(
                                                              color: ColorsUtils.parseColorFromHexString(
                                                                  ColorsUtils.color7F7f))),
                                                      child: Text(
                                                        '痤疮',
                                                        style: StylesUtils.customTextStyle(
                                                            fontSize: 10, color: ColorsUtils.color7F7f),
                                                      )),
                                                  Container(
                                                      constraints: const BoxConstraints.expand(
                                                          width: 48, height: 20),
                                                      alignment: Alignment.center,
                                                      decoration: BoxDecoration(
                                                          borderRadius: BorderRadius.circular(10),
                                                          border: Border.all(
                                                              color: ColorsUtils.parseColorFromHexString(
                                                                  ColorsUtils.color7F7f))),
                                                      child: Text(
                                                        '银屑病',
                                                        style: StylesUtils.customTextStyle(
                                                            fontSize: 10, color: ColorsUtils.color7F7f),
                                                      )),
                                                  Container(
                                                      constraints: const BoxConstraints.expand(
                                                          width: 48, height: 20),
                                                      alignment: Alignment.center,
                                                      decoration: BoxDecoration(
                                                          borderRadius: BorderRadius.circular(10),
                                                          border: Border.all(
                                                              color: ColorsUtils.parseColorFromHexString(
                                                                  ColorsUtils.color7F7f))),
                                                      child: Text(
                                                        '湿疹',
                                                        style: StylesUtils.customTextStyle(
                                                            fontSize: 10, color: ColorsUtils.color7F7f),
                                                      )),
                                                ],
                                              )
                                          )
                                        ],
                                      ),
                                      Container(
                                          margin: const EdgeInsets.symmetric(vertical: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Wrap(spacing: 10, children: [
                                            Text(
                                              '3103条问题',
                                              style: StylesUtils.customTextStyle(
                                                  fontSize: 12, color: ColorsUtils.color7F7f),
                                            ),
                                            Text.rich(TextSpan(
                                                text: '90%',
                                                style: StylesUtils.customTextStyle(
                                                    color: ColorsUtils.colorF522, fontSize: 12),
                                                children: [
                                                  TextSpan(
                                                    text: '好评率',
                                                    style: StylesUtils.customTextStyle(
                                                        fontSize: 12, color: ColorsUtils.color7F7f),
                                                  ),
                                                ]))
                                          ])),
                                      Container(
                                          padding: const EdgeInsets.only(bottom: 10),
                                          alignment: Alignment.centerLeft,
                                          child: Row(
                                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                            children: [
                                              Wrap(
                                                spacing: 15,
                                                children: [
                                                  Text.rich(TextSpan(
                                                      text: '图文',
                                                      style: StylesUtils.customTextStyle(
                                                          color: ColorsUtils.color7F7f, fontSize: 12),
                                                      children: [
                                                        TextSpan(
                                                            text: '￥60',
                                                            style: StylesUtils.customTextStyle(
                                                                color: ColorsUtils.color0000,
                                                                fontSize: 12))
                                                      ])),
                                                  Text.rich(TextSpan(
                                                      text: '电话',
                                                      style: StylesUtils.customTextStyle(
                                                          color: ColorsUtils.color7F7f, fontSize: 12),
                                                      children: [
                                                        TextSpan(
                                                            text: '￥100',
                                                            style: StylesUtils.customTextStyle(
                                                                color: ColorsUtils.color0000,
                                                                fontSize: 12))
                                                      ])),
                                                ],
                                              ),
                                              Container(
                                                  constraints: const BoxConstraints.expand(
                                                      width: 75, height: 25),
                                                  decoration: BoxDecoration(
                                                      color: ColorsUtils.parseColorFromHexString(
                                                          ColorsUtils.colorF2f2),
                                                      borderRadius: BorderRadius.circular(13)),
                                                  alignment: Alignment.center,
                                                  child: Text(
                                                    '问医生',
                                                    style: StylesUtils.customTextStyle(
                                                        color: ColorsUtils.color096d, fontSize: 13),
                                                  ))
                                            ],
                                          ))
                                    ],
                                  ),
                                ))
                          ],
                        ),
                      )
                    ],
                  ),
                )
              ],
            ),
          ),
        );
      },
      init: controller,
    );
  }
}
